{% extends "teacher/base.html" %}


{% block content_main %}
    <button class="layui-btn" onclick="add_test_paper();">添加一张试卷</button>
    <table id="demo" lay-filter="test"></table>

    <script type="text/html" id="barDemo">
      <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">发布</a>
      <a class="layui-btn layui-btn-xs" lay-event="more">更多 <i class="layui-icon layui-icon-down"></i></a>
    </script>
{% endblock %}


{% block script %}
    <script>
    layui.use(function() {
        var table = layui.table; //表格
        var dropdown = layui.dropdown; //下拉菜单
        var layer = layui.layer;

        // 执行一个 table 实例
        table.render({
            elem: '#demo'
            , url: '/test_paper/query_test_paper?state=0' //数据接口（此处为静态数据，仅作演示）
            , page: true //开启分页
            , toolbar: true  //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
            , cols: [[ //表头
                {#{type: 'checkbox', fixed: 'left'}#}
                {field: 'name', title: '试卷名称', width: 200}
                , {field: 'author', title: '作者', width: 200}
                , {field: 'classes', title: '班级', width: 200}
                , {field: 'create_time', title: '创建时间', width: 200}
                , {field: 'state', title: '状态', width: 200}
                ,{fixed: 'right', title: '操作', width: 200, align:'center', toolbar: '#barDemo'}
            ]]
        });
        // 头工具栏事件
        table.on('toolbar(test)', function(obj){
            var checkStatus = table.checkStatus(obj.config.id)
            ,data = checkStatus.data; //获取选中的数据
            switch(obj.event){
              case 'add':
                layer.msg('添加');
              break;
              case 'update':
                if(data.length === 0){
                  layer.msg('请选择一行');
                } else if(data.length > 1){
                  layer.msg('只能同时编辑一个');
                } else {
                  layer.alert('编辑 [id]：'+ checkStatus.data[0].id);
                }
              break;
              case 'delete':
                if(data.length === 0){
                  layer.msg('请选择一行');
                } else {
                  layer.msg('删除');
                }
              break;
            };
        });

        // 单元格工具事件
        table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
            ,layEvent = obj.event; //获得 lay-event 对应的值
            if(layEvent === 'detail'){
              {#layer.msg('查看操作');#}
                let index = layer.load();
                $.post(
                    "/test_paper/test_paper_0_to_1",
                    {
                        "id_test_paper": data.id
                    },
                    function (data,state) {
                        layer.close(index);
                        if (data == "success") {
                            window.location.reload();
                        }else {
                            alert("试卷为空，无法发布");
                        }
                    }
                );
            } else if(layEvent === 'more'){
              //下拉菜单
              dropdown.render({
                elem: this //触发事件的 DOM 对象
                ,show: true //外部事件触发即显示
                ,data: [{
                  title: '编辑&预览'
                  ,id: 'edit'
                },{
                  title: '从题库选题'
                  ,id: 'add'
                },{
                  title: '删除'
                  ,id: 'del'
                }]
                ,click: function(menudata){
                  if(menudata.id === 'del'){
                    layer.confirm('真的删除行么', function(index){
                      //向服务端发送删除指令
                      $.post(
                          "/test_paper/delete_test_paper",
                          {
                              "id_test_paper": data.id
                          },
                          function (data,state) {
                            if(data.msg == "success"){
                                obj.del(); //删除对应行（tr）的DOM结构
                            }
                            else {
                                alert("试卷不为空，无法删除");
                            }
                          }
                      );

                      layer.close(index);
                    });
                  } else if(menudata.id === 'edit'){
                    {#layer.msg('编辑操作，当前行 ID:'+ data.id);#}
                    window.location.href="/test_paper/add_question?test_paper_id="+data.id;
                  } else if(menudata.id === 'add'){
                    {#layer.msg('编辑操作，当前行 ID:'+ data.id);#}
                    window.location.href="/test_paper/add_question_from_bank_url?test_paper_id="+data.id;
                  }
                }
                ,align: 'right' //右对齐弹出
                ,style: 'box-shadow: 1px 1px 10px rgb(0 0 0 / 12%);' //设置额外样式
              })
            }
        });
    });
    </script>
    <script>
        function add_test_paper(){
            window.location.href="/teacher/add_test_paper_url";
        }
    </script>
{% endblock %}
